/*
 * @Author: Xiyw 
 * @Date: 2020-04-21 23:50:33 
 * @Last Modified by: Xiyw
 * @Last Modified time: 2020-04-22 23:30:35
 */
 /* 头部导航 */
 .header-nav{
     width:1349px;
    height: 38px;
    line-height: 38px;
    background-color: #394043;
    font-size:12px;
    font-weight: lighter;
    margin:0 auto;
  }
  .header-nav .hn_content{
    width: 1150px;
    margin:0 auto;
    overflow: hidden;
  }
  .hn_content .hn_content_left{
    float:left;
    width:654px;
    display: flex;
    justify-content: space-between;
    color:#a9abab;
  }
  .hn_content .hn_content_left>a>div{
    color:#a9abab;
    cursor:pointer;
  }
  .hn_content .hn_content_left>a:nth-of-type(6)>div{
    color:#fff;
  }
  .hn_content .hn_content_left>a>div:hover{
    color:#fff;
  }
  .hn_content_left>div{
    cursor: pointer;
  }
  .hn_content_left>div:hover{
    color: #fff;
  }
  .hn_content .hn_content_right{
      font-size: 12px;
    float:right;
    width:224.5833px;
    display: flex;
    justify-content: space-between;
    color:#fff;
  }
  .hn_content_right>div i{
    width: 12px;
    height: 12px;
    display: inline-block;
    background-image: url('../images/sprite-esf.png');
    position:relative;
    top:1.2px;
    margin-right:5px;
  }
  .hn_content_right>div:first-child i{
    background-position: -554px -173px;
  }
  .hn_content_right>div:nth-child(2) i{
    background-position: -495px -220px;
  }
  .hn_content_right>div:first-child span{
    cursor: pointer;
  }
  .hn_content_right>div:first-child span:hover{
    text-decoration: underline;
  }
/* 头部信息 */
.header{
    width:1349px;
    height:133px;
    padding-top:30px;
    padding-bottom:77px;
    background-color:#f5f5f6;
    margin:0 auto;
}
.header_content{
    width:1150px;
    margin:0 auto;
}
.header_content_header{
    overflow: hidden;
}
.header_content_header_left{
    width:221px;
    height:32px;
    float:left;
    background-image: url(../images/sprite-gj.png);
    background-position: 0 0;
}
.header_content_header_right{
    float:right;
    position: relative;
    top:3px;
    cursor: pointer;
}
.header_content_header_right:hover{
    text-decoration: underline;
}
.header_content_header_right>i{
    width:14px;
    height:18px;
    background-image: url(../images/sprite-gj.png);
    background-position: -36px -32px;
    display: inline-block;
    position: relative;
    top:5px;
    left:-5px;
}
.header_content_title{
    text-align:center;
    font-size:33px;
    font-weight:700;
    position: relative;
    top:23px;
}
.header_content_txt{
    font-size:16px;
    color:#878787;
    text-align: center;
    position: relative;
    top:39px;
}
/* 内容信息 */
.gj_content{
    width:990px;
    height:1090.6px;
    margin:0 auto;
    margin-top:50px;
}
/* 内容信息的头部信息 */
.gj_content_header{
    height:58px;
    line-height:58px;
    border-bottom:2px solid #394043;
}
.gj_content_header>span{
    padding:0 30px;
    font-size:20px;
    display: inline-block;
    text-align: center;
    border-radius: 2px 2px 0 0;
    border:none;
    margin-left:-4px;
    cursor: pointer;
}
.gj_content_header>span:hover{
    background-color: #F5F5F6;
}
.gj_content_header>span:first-child{
    color:#fff;
    background-color: #394043;
    margin-left: 0;
}
/* 内容信息的主体 */
.gj_content_content{
    width:990px;
    height:710px;
    margin:49px auto;
    overflow: hidden;
    position: relative;
}
.gj_content_content_left{
    width:600px;
    float:left;
}
.content_left_item{
    width:122px;
    height:16.8px;
    font-weight:700;
    padding:15px 0;
    display: inline-block;
}
.content_left_option{
    width:405px;
    height:16.8px;
    padding:15px;
    background-color: #f5f5f6;
    display: inline-block;
    margin-left:-4px;
}
.content_left_option>i{
    width:5px;
    height:3px;
    background-image: url(../images/sprite-gj.png);
    background-position: -90px -32px;
    margin-top:6px;
    float: right;
}
.left_option_content{
    width:433px;
    border:1px solid #D6D6D6;
    position: absolute;
    left:122px;
    display: none;
    z-index: 2;
    background-color: #fff;
}
.content_left_option:hover+div{
    display: block;
}
.left_option_content_content{
    height:14.4px;
    font-size:12px;
    padding:15px;
    cursor: pointer;
}
.left_option_content_content:hover{
    background-color: #f5f5f6;
}
.content_left_type{
    padding-bottom:20px;
    position: relative;
}
.content_left_compute{
    padding-bottom:20px;
    position: relative;
}
.content_left_money{
    padding-bottom:19px;
    position: relative;
}
.content_left_rate{
    padding-bottom:21px;
    position: relative;
}
.content_left_input{
    width:460px;
    height:46px;
    border-bottom:1px solid #F5F5F6;
    display: inline-block;
}
.content_left_input>input{
    width: 368px;
    height:16px;
    padding:15px 11px;
    border:none;
}
.content_left_input>span{
    float: right;
    position: relative;
    top:13px;
    left:-4px;
}
.content_left_LPR{
    height:47px;
    padding-bottom:20px;
}
.content_left_LPR .content_left_item{
    position: relative;
    top:-18px;
}
.content_left_LPR i{
    width:12px;
    height:12px;
    background-image: url(../images/sprite-gj.png);
    background-position: -78px -32px;
    display: inline-block;
    position: relative;
    left:14px;
    top:0;
    cursor: pointer;
}
.left_content_num{
    width:449px;
    height:16px;
    border-bottom:1px solid #f5f5f6;
    display: inline-block;
    padding:15px 0 15px 11px;
    cursor: text;
}
.left_content_num_left{
    float: left;
    font-size: 13.3px;
}
.left_content_num_right{
    float:right;
    position: relative;
    top:-2px;
    left:-4px;
}
.content_left_basePoint{
    margin-bottom:2px;
}
.content_left_basePoint .content_left_item{
    position: relative;
    top:-18px;
}
.left_content_point{
    width:449px;
    height:16px;
    border-bottom:1px solid #f5f5f6;
    display: inline-block;
    padding:15px 0 15px 11px;
    cursor: text;
}
.left_content_point_left{
    float: left;
    font-size: 13.3px;
    color:#999;
}
.left_content_point_right{
    float:right;
    position: relative;
    top:-2px;
    left:-4px;
}
.content_left_conversion{
    position: relative;
    margin-bottom:20px;
}
.left_conversion_content{
    width:460px;
    float:right;
    display: flex;
    justify-content: space-between;
    margin-right:18px;
}
.left_conversion_content>span:first-child,.left_conversion_content>span:nth-child(4){
    width:90px;
    height:18px;
    line-height: 18px;
    background-color: #f5f5f6;
    margin-right:10px;
    padding:15px;
    color:#999;
    font-size:13.3px;
}
.left_conversion_content>span:nth-child(2),.left_conversion_content>span:nth-child(3),.left_conversion_content>span:nth-child(5),.left_conversion_content>span:nth-child(6){
    height:48px;
    line-height:48px;
    margin-right:10px;
}
.left_conversion_content>span:nth-child(7){
    width:142.667px;
    height:16px;
    padding:15px;
    font-size: 13.3px;
    cursor: text;
}
.content_left_conversion>span{
    position: absolute;
    right:-25px;
    top:23px;
}
.content_left_yearLimit{
    position: relative;
}
.content_left_buttom{
    width: 202px;
    height:54px;
    line-height: 54px;
    margin-top:50px;
    margin-left:123px;
    color:#fff;
    background-color: #00AC65;
    text-align: center;
    border-radius:2px;
    font-size:18px;
    font-weight: 700;
    cursor: pointer;
    border:0;
}
.content_left_buttom:hover{
    background-color: #1ab475;
}
.content_left_txt{
    margin-top:18px;
    margin-left:123px;
    color:#999;
    font-size: 12px;
}
.content_left_txt>span{
    color:#00ac65;
    cursor: pointer;
    position: relative;
    left:-3px;
}
.gj_content_content_right{
    width:336px;
    height:283px;
    float: right;
    border:2px solid #394043;
    border-radius:2px;
    position: relative;
    top:1px;
}
.content_content_right_header{
    height:52px;
    line-height: 52px;
    background-color: #394043;
    padding:0 28px;
}
.content_content_right_header>span{
    font-weight: 700;
    color:#fff;
}
.content_content_right_header>div{
    width:12px;
    height:12px;
    background-image: url(../images/sprite-gj.png);
    background-position: -78px -32px;
    display: inline-block;
    margin-left: 14px;
}
.content_content_right_header>span:nth-child(3){
    float: right;
}
.content_content_right_header>span:nth-child(4){
    float: right;
    margin-right:14px;
}
.content_right_content{
    width:280px;
    height:175px;
    padding:28px;
}

.content_right_content_monthPayment{
    position: relative;
    top:-2px;
    margin-bottom: 8px;
}
.content_right_content_everyMonth{
    margin-bottom:16px;
}
.content_right_content_yearLimit{
    margin-bottom:16px;
}
.content_right_content_loansTotalAmount{
    margin-bottom:16px;
}
.content_right_content_interestTotalAmount{
    margin-bottom:16px;
}
.right_content_item{
    width:70px;
    height:14px;
    line-height: 14px;
    font-weight:700;
    display: inline-block;
}
.right_content_interest{
    width:108px;
    height:12px;
    font-size:12px;
    display:inline-block;
    text-align:right;
    position: relative;
    top:-1px;
}
.right_content_interest>span{
    color:#ff7326;
    padding-right:6px;
}
.right_content_principal{
    height:12px;
    font-size:12px;
    float:right;
    position: relative;
    top:1px;
}
.right_content_principal>span{
    color:#ff7326;
    padding-right:6px;
}
.content_right_content_everyMonth{
    width:280px;
    text-align:right;
    font-size:12px;
    color:#d4d4d4;
}
.content_right_content_everyMonth>span{
    color:#999;
    padding:0 4px;
}
.gj_content_content_crossLine{
    width:990px;
    height:7px;
    background-image: url(../images/gj_crossLine.png);
    background-repeat:repeat-x;
    position: absolute; 
    top:703px;  
}
/* 内容信息的相关信息 */
.gj_content_information{
    width:990px;
    height:221.4px;
}
.gj_content_information_left{
    float:left;
    width:430px;
}
.content_information_header{
    width:430px;
    height:14px;
    font-weight:700;
    color:#394043;
    padding-bottom:16px;
}
.content_information_content{
    width:430px;
    height:176.4px;
    padding-top:14px;
    border-top:1px solid #eee;
}
.information_content_detail{
    width:430px;
    height:25.2px;
    line-height:25.2px;
    font-size:12px;
    color:#394043;
    cursor: pointer;
}
.information_content_detail:hover{
    text-decoration: underline;
}
.gj_content_information_right{
    width:430px;
    float: right;
    position: relative;
    left:-10px;
}
/* 尾部信息 */
.footer{
    width:1349px;
    margin: 0 auto;
    margin-top:45px;
    height: 426px;
    background-image: url(../images/footer-bg.jpg);
  }
.footer_title{
    width:1150px;
    height:75px;
    border-bottom:1px solid #393939;
    line-height: 75px;
    margin: 0 auto;
}
.footer_title_left{
    float:left;
}
.footer_title_left span{
    font-size: 14px;
    color:#fff;
    margin-right:11px;
    cursor: pointer;
}
.footer_title_right{
    float:right;
    color:#7dcfa0;
    font-size:14px;
}
.footer_content{
    width: 1150px;
    height:123px;
    margin:0 auto;
    padding:19px 0 20px;
    border-bottom:1px solid #393939;
}
.footer_content .footer_content_manu{
    width: 1000px;
    height: 34px;
}
.footer_content .footer_content_manu>span{
    background-color: #394043;
    color:#fff;
    padding:8px 10px;
    margin-bottom:12px;
    font-size: 12px;
    cursor:pointer;
}
.footer_content .footer_content_manu>span:hover{
    background-color: #394043;
    color:#fff;
}
.footer_content_content{
    width: 1000px;
    height:89px;
}
.footer_content_content>span{
    display: inline-block;
    color:#888c8e;
    font-size: 12px;
    margin:10px 6.2px 0 0;
    cursor:pointer;
}
.footer_content_content>span:hover{
    text-decoration: underline;
}
.footer_content_footer{
    width:1150px;
    margin:0 auto;
    padding-top:23px;
}
.footer_content_footer>div{
    color:#888c8e;
    font-size: 12px;
    line-height: 20px;
}
.footer_content_footer>i{
    width:20px;
    height:20px;
    background-image:url(../images/beian.png);
    display: inline-block;
}
.footer_content_footer>div:nth-child(3){
    width:180px;
    margin-left: 1px;
    display: inline-block;
    position: relative;
    top:-6px;
}
/* 右下方在线咨询 */
.online-aside{
    width: 240px;
    height: 40px;
    background-color: #fff;
    box-shadow: -5px -5px 5px rgba(0,0,0,0.2);
    position: fixed;
    right:38px;
    bottom:0px;
    cursor: pointer;
}
.online-aside>i{
    width:40px;
    height:40px;
    display: inline-block;
    background-image: url(../images/aside.png);
    background-position: 12px 12px;
    background-repeat: no-repeat;
}
.online-aside>span{
    color:#333;
    margin-left: -4.5px;
    font-size:14px;
    height:40px;
    position: relative;
    top:-14px;
}
/* 右侧固定导航 */
.right-nav{
    width: 38px;
    height: 100%;
    background-color: #fff;
    box-shadow: -3px 0px 5px rgba(0,0,0,0.2);
    position: fixed;
    right:0;
    top:0;
    /* 设置层叠顺序 */
    z-index:1;
}
.right-nav>div{
    width:38px;
    height:38px;
    cursor: pointer;
}
.right-nav .right_nav_like{
    background-image: url(../images/sidebar_spriteV5.png);
    background-position: -38px 0px;
    margin-top: 101px;
}
.right-nav .right_nav_like:hover{
    background-image: url(../images/sidebar_spriteV5.png);
    background-position: 0px 0px;
}
.right-nav .right_nav_like>div{
    width:72px;
    height:38px;
    line-height: 38px;
    display: none;
    padding:0 14px;
    color:#fff;
    background-color: #00ae66;
    font-size: 12px;
    position: absolute;
    right: 38px;
}
.right-nav .right_nav_like:hover>div{
    display: block;
  }
.right-nav .right_nav_contrast{
    background-image: url(../images/sidebar_spriteV5.png);
    background-position: -38px -516px;
    margin-top: 7px;
}
.right-nav .right_nav_contrast:hover{
    background-image: url(../images/sidebar_spriteV5.png);
    background-position: 0px -516px;
}
.right-nav .right_nav_contrast:hover>div{
    display:block;
}
.right-nav .right_nav_contrast>div{
    width:350px;
    height:232px;
    display: none;
    background-color: #fff;
    padding:15px 0 25px;
    border:1px solid #f5f5f6;
    box-shadow: 0 0 3px rgba(0,0,0,0.3);
    position: absolute;
    right: 38px;
    top:40px;
}
.right-nav .right_nav_contrast>div>img{
    width:99px;
    height:94px;
    margin:40px auto 30px;
    position: relative;
    left:110px;
}
.right-nav .right_nav_contrast>div div:first-of-type{
    line-height: 17px;
    font-size: 17px;
    text-align: center;
    margin:0 auto 30px;
    color: #969696;
}
.right-nav .right_nav_contrast>div div:nth-of-type(2){
    width: 110px;
    color: #394043;
    background-color: #fff;
    font-size: 17px;
    font-weight:bold;
    text-align: center;
    cursor: pointer;
    margin:0 auto;
}
.right-nav .right_nav_seller{
    width:38px;
    height:50px;
    background-image: url(../images/sidebar_spriteV5.png);
    background-position: -38px -88px;
    margin-top: 15px;
}
.right-nav .right_nav_seller:hover{
    background-image: url(../images/sidebar_spriteV5.png);
    background-position: 0px -88px;
}
.right-nav .right_nav_seller>div{
    width:48px;
    height:50px;
    line-height: 50px;
    display:none;
    padding:0 14px;
    color:#fff;
    background-color: #00ae66;
    font-size: 12px;
    position: absolute;
    right: 38px;
}
.right-nav .right_nav_seller:hover div{
    display: block;
}
.right-nav .right_nav_tool{
    width:38px;
    height:50px;
    background-image: url(../images/sidebar_spriteV5.png);
    background-position: -38px -460px;
    margin-top: 7px;
}
.right-nav .right_nav_tool:hover{
    background-image: url(../images/sidebar_spriteV5.png);
    background-position: 0px -460px;
}
.right-nav .right_nav_tool>div{
    width:60px;
    height:50px;
    line-height: 50px;
    display:none;
    padding:0 14px;
    color:#fff;
    background-color: #00ae66;
    font-size: 12px;
    position: absolute;
    right: 38px;
}
.right-nav .right_nav_tool:hover div{
    display: block;
}
.right-nav .right_nav_promise{
    background-image: url(../images/sidebar_spriteV5.png);
    background-position: -38px -186px;
    margin-top: 7px;
}
.right-nav .right_nav_promise:hover{
    background-image: url(../images/sidebar_spriteV5.png);
    background-position: 0px -186px;
}
.right-nav .right_nav_promise>div{
    width:72px;
    height:38px;
    line-height: 38px;
    display: none;
    padding:0 14px;
    color:#fff;
    background-color: #00ae66;
    font-size: 12px;
    position: absolute;
    right: 38px;
}
.right-nav .right_nav_promise:hover div{
    display: block;
}
.right-nav .right_nav_qr{
    background-image: url(../images/sidebar_spriteV5.png);
    background-position: -38px -224px;
    margin-top: 7px;
}
.right-nav .right_nav_qr:hover{
    background-image: url(../images/sidebar_spriteV5.png);
    background-position: 0px -224px;
}
.right-nav .right_nav_qr>div{
    width:94px;
    height:114px;
    background-color: #fff;
    padding:8px;
    display: none;
    position: absolute;
    right:38px;
    top:320px;
}
.right-nav .right_nav_qr>div img{
    width:94px;
    height: 94px;
    margin: 0 auto;
}
.right-nav .right_nav_qr>div div{
    padding-top:8px;
    color:#000;
    line-height: 12px;
    font-size: 12px;
    text-align: center;
}
.right-nav .right_nav_qr:hover>div{
    display: block;
}
.right-nav .right_nav_service{
    background-image: url(../images/sidebar_spriteV5.png);
    background-position: -38px -265px;
    margin-top: 7px;
}
.right-nav .right_nav_service:hover{
    background-image: url(../images/sidebar_spriteV5.png);
    background-position: 0px -265px;
}
.right-nav .right_nav_service>div{
    width:48px;
    height:38px;
    line-height: 38px;
    display:none;
    padding:0 14px;
    color:#fff;
    background-color: #00ae66;
    font-size: 12px;
    position: absolute;
    right: 38px;
  }
.right-nav .right_nav_service:hover>div{
    display: block;
  }
.right-nav .right_nav_tel{
    background-image: url(../images/sidebar_spriteV5.png);
    background-position: -38px -142px;
    margin-top: 7px;
  }
.right-nav .right_nav_tel:hover{
    background-image: url(../images/sidebar_spriteV5.png);
    background-position: 0px -142px;
}
.right-nav .right_nav_tel>div{
    width:84px;
    height:38px;
    line-height: 38px;
    display:none;
    padding:0 14px;
    color:#fff;
    background-color: #00ae66;
    font-size: 12px;
    position: absolute;
    right: 38px;
  }
.right-nav .right_nav_tel:hover>div{
    display: block;
  }
.right-nav .right_nav_write{
    background-image: url(../images/sidebar_spriteV5.png);
    background-position: -38px -302px;
    margin-top: 7px;
}
.right-nav .right_nav_write:hover{
    background-image: url(../images/sidebar_spriteV5.png);
    background-position: 0px -302px;
  }
.right-nav .right_nav_write>div{
    width:53.1333px;
    height:38px;
    line-height: 38px;
    display:none;
    padding:0 14px;
    color:#fff;
    background-color: #00ae66;
    font-size: 12px;
    position: absolute;
    right: 38px;
}
.right-nav .right_nav_write:hover>div{
    display: block;
  }
.right-nav .right_nav_top{
    background-image: url(../images/sidebar_spriteV5.png);
    background-position: -38px -338px;
    position: fixed;
    bottom: 17px;
}
.right-nav .right_nav_top:hover{
    background-image: url(../images/sidebar_spriteV5.png);
    background-position: 0px -338px;
}
.right-nav .right_nav_top>div{
    width:48px;
    height:38px;
    line-height: 38px;
    display:none;
    padding:0 14px;
    color:#fff;
    background-color: #00ae66;
    font-size: 12px;
    position: absolute;
    right: 38px;
}
.right-nav .right_nav_top:hover>div{
    display: block;
}

















